/*  CSS Document  */

/*  This file was provided as part of a weekly web design tutorial series.
	  Sign-up for our newsletter, at http://codifydesign.com, to be notified
	  about each new episode of CSS Shorts  
*/

@import url('https://fonts.googleapis.com/css?family=Warnes|Abel');

html { background: #555 url(images/city.jpg) no-repeat center bottom fixed; background-size: cover; }

body { margin: 0; padding: 0; font-size: 16px; font-family: 'Abel', sans-serif; }

article { margin: 50px 50px; padding: 20px 45px; text-align: center; color: rgba(255,255,255,.65); border-radius: 34px; border: 2px solid rgba(255,255,255,1); }

p { margin: 0 0 1em 0; font-size: 1.2em; line-height: 1.1em; }

h2 { font-size: 2em; margin: 0; }

h1 {
	font-family: 'Warnes', cursive;
	font-weight: normal;
	font-size: 3.7em;
	line-height: 1.2em;
	margin: 0 0 15px 0;
	color: rgba(255,255,255,1);
}

.neon_text {
	text-shadow: 
	-2px -2px 10px #fff,
	2px 2px 10px #fff,
	0 0 20px #ff00de,
	0 0 40px #ff00de,
	0 0 60px #ff00de,
	0 0 80px #ff00de,
	0 0 100px #ff00de
	;
}

.neon_box {
	box-shadow: 
	0 0 5px #fff, 
	inset 0 0 5px #fff,
	0 0 20px #ff00de,
	inset 0 0 20px #ff00de
	0 0 20px 2px #ff00de,
	inset 0 0 20px 2px #ff00de
	;
}










